@import "./variable";

#app {
    // 子菜单
    .sub-menu {
        font-weight: bold;
        font-size: 19px;
    }

    // 菜单项
    .item {
        font-weight: bold;
        font-size: 15px;
    }

    // 头部右侧区域
    .header-right {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end;

        // hello 标签
        .tag-one {
            margin-right: 20px;
            font-weight: bold;
            font-size: 14px;
            cursor: pointer;
            color: $hello-color;
            background-color: $hello-background-color;

            // 鼠标悬停
            &:hover {
                background-color: $light-gray-color;
            }
        }

        // easy / medium / hard 标签
        .tag-two {
            margin-right: 20px;
            font-weight: bold;
            font-size: 14px;
            cursor: pointer;

            // 鼠标悬停
            &:hover {
                background-color: $dark-gray-color;
            }
        }

        // 全屏按钮
        .screen-full-container {
            margin-right: 10px;
        }
    }

    // 侧边栏滚动条
    .sidebar-scrollbar {
        // 计算 el-scrollbar 滚动条正确显示的高度
        height: calc(100vh - 10px);
    }

    // 内容区滚动条
    .content-scrollbar {
        // 计算 el-scrollbar 滚动条正确显示的高度
        height: calc(100vh - 100px);
    }
}
